import { Route } from 'react-router-dom';
export default function myRenderRoutes(routes) {
    const res = routes.map((item) => {
        if (item.children) {
          return (
            <Route key={item.name} path={item.path} exact element={<item.component/>}>
              {myRenderRoutes(item.children)}
            </Route>
          )
        }
        // return <Route key={item.name} path={item.path} element={<item.component/>} />
        return item.index ? <Route key={item.name} index exact element={<item.component/>} /> : <Route key={item.name} exact path={item.path} element={<item.component/>} />
      })
    return res
  }